<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
		<script type="text/javascript" src="js/index.js"></script>
		<title>美团首页</title>
	</head>
	<body>
		<div class="wrapper">
			
			<!-- header部分 -->
			<div class="header-wrapper">
				<div class="header">
					<div class="header-city">昆明<i class="fa fa-angle-down"></i></div>
					<div class="header-search"><i class="fa fa-search"></i>请输入商家名、品类或者商圈</div>
					<div class="header-user"><i class="fa fa-user-circle"></i></div>
				</div>
			</div>
			
			<!-- 导航到app部分 -->
			<div class="guide-wrapper">
				<div class="guide">
					<div class="guide-left">
						<div class="guide-left-logo">
							美团
						</div>
						<div class="guide-content">
							<p>省钱利器 购物超划算</p]>
							<p>吃喝玩乐尽在美团</p>
						</div>
					</div>
					<button class="guide-btn">去APP</button>
				</div>
			</div>
			
			
			<!-- 主体内容部分 -->
			<div class="home_body">
				<!-- 分类导航部分 -->
				<ul class="category">
					<li>
						<img src="img/index-美食.png">
						<p>美食</p>
					</li>
					<li>
						<img src="img/index-猫眼电影.png">
						<p>猫眼电影</p>
					</li>
					<li>
						<img src="img/index-酒店.png">
						<p>酒店</p>
					</li>
					<li>
						<img src="img/index-休闲娱乐.png">
						<p>休闲娱乐</p>
					</li>
					<li>
						<img src="img/index-外卖.png">
						<p>外卖</p>
					</li>
					<li>
						<img src="img/index-KTV.png">
						<p>KTV</p>
					</li>
					<li>
						<img src="img/index-周边游.png">
						<p>周边游</p>
					</li>
					<li>
						<img src="img/index-丽人.png">
						<p>丽人</p>
					</li>
					<li>
						<img src="img/index-母婴亲子.png">
						<p>母婴亲子</p>
					</li>
					<li>
						<img src="img/index-全部分类.png">
						<p>全部分类</p>
					</li>
				</ul>
				
				<!-- 猜你喜欢部分 -->
				<div class="recommend">
					<div class="cainixihuan">猜你喜欢</div>
					<ul class="business-list">
						<li>
							<div class="more" >
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
								<div class="content-1">
									<div class="content-1-l">神券</div>
									<div class="content-1-m">墨西哥塔克</div>
									<div class="most"><i class="fa fa-ellipsis-v"></i></div>
								</div>
								<div class="content-2">
									<span class="content-2-l">4.8分</span>
									<span class="content-2-m">月售907 人均23¥</span>
									<div>美团快送</div>
								</div>
								<div class="content-3">
									<span>起送 ¥15 配送 约¥3</span>
									<span>51分钟 5.0km</span>
								</div>
								<div class="content-4">
									<div>近期293人好评</div>
									<div>353人觉得分量足</div>

								</div>
								<div class="content-5">
									<i class="fa fa-angle-down"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="more">
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
								<div class="content-1">
									<div class="content-1-l">神券</div>
									<div class="content-1-m">墨西哥塔克</div>
									<div class="most"><i class="fa fa-ellipsis-v"></i></div>
								</div>
								<div class="content-2">
									<span class="content-2-l">4.8分</span>
									<span class="content-2-m">月售907 人均23¥</span>
									<div>美团快送</div>
								</div>
								<div class="content-3">
									<span>起送 ¥15 配送 约¥3</span>
									<span>51分钟 5.0km</span>
								</div>
								<div class="content-4">
									<div>近期293人好评</div>
									<div>353人觉得分量足</div>
								</div>
								<div class="content-5">
									<i class="fa fa-angle-down"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="more">
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
								<div class="content-1">
									<div class="content-1-l">神券</div>
									<div class="content-1-m">墨西哥塔克</div>
									<div class="most"><i class="fa fa-ellipsis-v"></i></div>
								</div>
								<div class="content-2">
									<span class="content-2-l">4.8分</span>
									<span class="content-2-m">月售907 人均23¥</span>
									<div>美团快送</div>
								</div>
								<div class="content-3">
									<span>起送 ¥15 配送 约¥3</span>
									<span>51分钟 5.0km</span>
								</div>
								<div class="content-4">
									<div>近期293人好评</div>
									<div>353人觉得分量足</div>
								</div>
								<div class="content-5">
									<i class="fa fa-angle-down"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="more">
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
							<div class="content-1">
								<div class="content-1-l">神券</div>
								<div class="content-1-m">墨西哥塔克</div>
								<div class="most"><i class="fa fa-ellipsis-v"></i></div>
							</div>
							<div class="content-2">
								<span class="content-2-l">4.8分</span>
								<span class="content-2-m">月售907 人均23¥</span>
								<div>美团快送</div>
							</div>
							<div class="content-3">
								<span>起送 ¥15 配送 约¥3</span>
								<span>51分钟 5.0km</span>
							</div>
							<div class="content-4">
								<div>近期293人好评</div>
								<div>353人觉得分量足</div>
							</div>
							<div class="content-5">
								<i class="fa fa-angle-down"></i>
							</div>
						</div>
						</li>
						<li>
							<div class="more">
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
								<div class="content-1">
									<div class="content-1-l">神券</div>
									<div class="content-1-m">墨西哥塔克</div>
									<div class="most"><i class="fa fa-ellipsis-v"></i></div>
								</div>
								<div class="content-2">
									<span class="content-2-l">4.8分</span>
									<span class="content-2-m">月售907 人均23¥</span>
									<div>美团快送</div>
								</div>
								<div class="content-3">
									<span>起送 ¥15 配送 约¥3</span>
									<span>51分钟 5.0km</span>
								</div>
								<div class="content-4">
									<div>近期293人好评</div>
									<div>353人觉得分量足</div>
								</div>
								<div class="content-5">
									<i class="fa fa-angle-down"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="more">
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
								<div class="content-1">
									<div class="content-1-l">神券</div>
									<div class="content-1-m">墨西哥塔克</div>
									<div class="most"><i class="fa fa-ellipsis-v"></i></div>
								</div>
								<div class="content-2">
									<span class="content-2-l">4.8分</span>
									<span class="content-2-m">月售907 人均23¥</span>
									<div>美团快送</div>
								</div>
								<div class="content-3">
									<span>起送 ¥15 配送 约¥3</span>
									<span>51分钟 5.0km</span>
								</div>
								<div class="content-4">
									<div>近期293人好评</div>
									<div>353人觉得分量足</div>
								</div>
								<div class="content-5">
									<i class="fa fa-angle-down"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="more">
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
								<div class="content-1">
									<div class="content-1-l">神券</div>
									<div class="content-1-m">墨西哥塔克</div>
									<div class="most"><i class="fa fa-ellipsis-v"></i></div>
								</div>
								<div class="content-2">
									<span class="content-2-l">4.8分</span>
									<span class="content-2-m">月售907 人均23¥</span>
									<div>美团快送</div>
								</div>
								<div class="content-3">
									<span>起送 ¥15 配送 约¥3</span>
									<span>51分钟 5.0km</span>
								</div>
								<div class="content-4">
									<div>近期293人好评</div>
									<div>353人觉得分量足</div>
								</div>
								<div class="content-5">
									<i class="fa fa-angle-down"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="more" id="more1">
								<img src="img/index-找相似.png" alt="">
								<img src="img/index-不喜欢.png" alt="">
							</div>
							<img src="img/墨西哥塔克.jpg" alt="" class="business-list-img">
							<div class="business-list-content">
								<div class="content-1">
									<div class="content-1-l">神券</div>
									<div class="content-1-m">墨西哥塔克</div>
									<div class="most" id="most1"><i class="fa fa-ellipsis-v"></i></div>
								</div>
								<div class="content-2">
									<span class="content-2-l">4.8分</span>
									<span class="content-2-m">月售907 人均23¥</span>
									<div>美团快送</div>
								</div>
								<div class="content-3">
									<span>起送 ¥15 配送 约¥3</span>
									<span>51分钟 5.0km</span>
								</div>
								<div class="content-4">
									<div>近期293人好评</div>
									<div>353人觉得分量足</div>
								</div>
								<div class="content-5">
									<i class="fa fa-angle-down"></i>
								</div>
							</div>
						</li>

					</ul>
				</div>
			</div>
			<!-- 底部信息部分 -->
			<div class="footer-wrapper">
				<div class="footer">
					<div onclick="window.location.href='index.html' ">
						<i class="fa fa-home fa-3x"></i>
						<span>首页</span>
					</div>
					<div onclick="window.location.href='vip.html' ">
						<i class="fa fa-vimeo fa-3x"></i>
						<span>会员</span>
					</div>
					<div onclick="window.location.href='order.html' ">
						<i class="fa fa-file-text-o fa-3x"></i>
						<span>订单</span>
					</div>
					<div onclick="window.location.href='mine.html' ">
						<i class="fa fa-user fa-3x"></i>
						<span>我的</span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
